{% extends "home/base.html" %}
{% block index %} class="active" {% endblock %}
{% block page_title %}  {% endblock %}
{% block content %}
        <div class="col-lg-12">
            <div class="card widget h-100">
                <!-- <iframe src="{{url_for('home.sight_map2')}}" width="100%" height="800px"></iframe> -->
                <!-- <iframe src="{{url_for('home.ana_price1')}}" width="100%" height="800px"></iframe> -->
                <h1></h1>
                <div class="button-container">
                    <a href={{ url_for('home.add') }} target="_blank">按钮1</a>
            {#        <a href="大屏2/index.html" target="_blank">按钮2: 跳转到大屏页面二</a>#}
                </div>
            </div>
        </div>
        <style>
            body {
                font-family: Arial, sans-serif;
                margin: 0;
                padding: 20px;
                background-color: #f4f4f4;
            }

            h1 {
                text-align: center;
                color: #333;
            }

            .button-container {
                text-align: center;
                margin-top: 30px;
            }

            .button-container a {
                display: inline-block;
                margin: 0 10px;
                padding: 10px 20px;
                background-color: #4CAF50; /* Green */
                border: none;
                color: white;
                text-align: center;
                text-decoration: none;
                font-size: 16px;
                transition-duration: 0.4s;
                cursor: pointer;
            }

            .button-container a:hover {
                background-color: #45a049; /* Darker green */
            }
        </style>
{% endblock %}